<div class="panel panel-default panel-intro">
    <div class="panel-heading">
        <div class="panel-title">考勤统计分析</div>
    </div>
    <div class="panel-body">
        <!-- 统计卡片 -->
        <div class="row">
            <div class="col-md-3">
                <div class="panel panel-primary">
                    <div class="panel-body">
                        <h3 class="no-margins">{$stats.total_employees}</h3>
                        <small>在职员工数</small>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="panel panel-success">
                    <div class="panel-body">
                        <h3 class="no-margins">{$stats.total_attendance}</h3>
                        <small>本月出勤次数</small>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="panel panel-warning">
                    <div class="panel-body">
                        <h3 class="no-margins">{$stats.late_count}</h3>
                        <small>迟到次数</small>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="panel panel-danger">
                    <div class="panel-body">
                        <h3 class="no-margins">{$stats.early_leave_count}</h3>
                        <small>早退次数</small>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 出勤趋势图 -->
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">最近30天出勤趋势</h3>
                    </div>
                    <div class="panel-body">
                        <div id="attendance-trend-chart" style="height: 400px;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
var trendData = {:json_encode($trendData)};
</script>
